<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>完善案情概要</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/amazeui.datetimepicker.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/amazeui.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/layout.css"/>
<style type="text/css">
	.am-form{
		width: 500px;
		margin-left: 85px;
	}
	#btn-next{
		padding-left:240px;
	}
</style>
</head>
<body>
<div id="wrapper">
		<div class="container w1000">
			<div id="processor" >
				<ol class="processorBox oh">
					<li>
						<div class="step_inner">
							<span class="icon_step">1</span>
							<h4>填写账户信息</h4>
						</div>
					</li>
					<li>
						<div class="step_inner">
							<span class="icon_step">2</span>
							<h4>填写个人信息</h4>
						</div>
					</li>
					<li>
						<div class="step_inner">
							<span class="icon_step">3</span>
							<h4>填写子女信息</h4>
						</div>
					</li>
					<li  class="current">
						<div class="step_inner">
							<span class="icon_step">4</span>
							<h4>完善案情概要</h4>
						</div>
					</li>
				</ol>
				<div class="step_line"></div>
			</div>
				<div class="content w1000">
					<div class="legend"><h3>完善案情概要</h3></div>
					<form class="am-form am-form-horizontal" action="${pageContext.request.contextPath}/account/addEvent.do" method="post">
						<div class="am-form-group am-datepicker-date">
						  <label class="am-u-sm-3 am-form-label" for="doc-ipt-date-1" >失踪时间</label>
						  <div class="am-u-sm-9">
						  		<input type="text" name="event_time" value="" id="datetimepicker" data-date-format="yyyy-MM-dd hh:ii" placeholder="选择失踪时间">
						  </div>
						</div>
						<div class="am-form-group">
					      <label class="am-u-sm-3 am-form-label" for="doc-ipt-point-1">失踪地点</label>
					      <div class="am-u-sm-9">
					      <input type="text" name="event_point" class="am-input-sm" id="doc-ipt-point-1" placeholder="输入失踪区域范围，例如xx路或xx商场">
					      </div>
					    </div>
					    <div class="am-form-group">
					      <label class="am-u-sm-3 am-form-label" for="doc-ta-content-1">案情描述</label>
					      <div class="am-u-sm-9">
					      	<textarea class="" name="content" rows="5" id="doc-ta-content-1"></textarea>
					      </div>
					    </div>
					    <div id="btn-next" class="am-form-group">
							<input type="hidden" id="children_id" name="children_id" value="${children_id }">
							<input class="am-btn am-btn-primary" id="submit" type="submit" value="提交">
						</div>
					</form>
				</div>
		</div><!-- // container end -->
	</div><!-- // wrapper end -->
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/js/amazeui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/amazeui.datetimepicker.min.js"></script>
<script src="${pageContext.request.contextPath}/js/amazeui.datetimepicker.zh-CN.js"></script>
<script type="text/javascript" charset="UTF-8">
$.fn.datetimepicker.dates['zh-CN'] = {
  days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
  daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
  daysMin:  ["日", "一", "二", "三", "四", "五", "六", "日"],
  months: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
  monthsShort: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
  today: "今天",
  suffix: [],
  meridiem: ["上午", "下午"],
  rtl: false // 从右向左书写的语言你可以使用 rtl: true 来设置
};

// 调用
$('#datetimepicker').datetimepicker(
{
  language:  'zh-CN'
});

$('form').submit(function(e){
	alert("请在首页-我的事件-中查看您的报案信息");
});
</script>
</body>
</html>